<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="script/base.css"/>
    <link rel="stylesheet" type="text/css" href="script/home.css"/>
    <link rel="stylesheet" type="text/css" href="script/city.css">
    <script type="text/javascript" src="script/home_ban.js"></script>
    <script type="text/javascript" src="script/eg_top_search.js"></script>
    <script type="text/javascript" src="script/city.js"></script>
    <script type="text/javascript" src="script/snncar.js"></script>
    <script type="text/javascript" src="script/lg_reg.js"></script>
    <script type="text/javascript" src="script/index.js"></script>
    <script type="text/javascript" src="script/address.js"></script>
    <script type="text/javascript" src="script/3c-menu.js"></script>
    <script type="text/javascript" src="script/jquery.js"></script>
    <script type="text/javascript" src="script/jquery-1.js"></script>

    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../normal/Normalize.css">
    <script type="text/javascript" src = "../bootstrap/js/bootstrap.min.js"></script>
    <script src="../jquery/jquery-3.4.1.js"></script>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .navigate{
            width: 100%;
            height: 5%;
            background-color: #F5F5F5;

        }

        .picture{
            width: 100%;
            height: 45%;


        }

        .article{
            width: 100%;
            height: 45%;


        }
        .bottom{
            width: 100%;
            height: 5%;
            background-color: #444444;

        }
    </style>
</head>


<body class="container" style="height: 550px">


    <div class="egc-top">
        <div class="nav-cent">
            <div class="top-r">
                <a href=../cln/jsp/login.jsp" id="b-login" class="b-login" style="padding-right: 80px">登陆</a>
                <div style="display: none" id="userInfo">
                    <span>欢迎</span>
                    <span  id="sessionName"></span>
                </div>
            </div>

            <script>
                function user() {
                    $.ajax({
                        url: '/forum/user/getUserInfo',
                        type:'get',
                        dataType:'json',
                        success: function (data) {
                            if( data.state === '200' ){
                                $('.b-login').style.display="none"
                                $('#userInfo').style.display=""
                                $('#sessionName').text('用户')
                            }else {
                                //维持原状
                            }
                        }
                    })
                }
                user()
            </script>

            <div class="top-l">全国统一客服热线：XXXXXXXXXXX</div>
            <div class="clear_fix"></div>
        </div>
    </div>
    </div>



    <div id="navigate" name="navigate" class="navigate" style="float: right">
        <div style="float: right;padding-top: 5px">
        <a href="#" id="b-regist" style="color: #444444;width: 100px;padding-right: 15px;padding-left: 15px">用户中心</a>
            |<a href="../cln/jsp/car.jsp" style="color: #444444;width: 100px;padding-right: 15px;padding-left: 15px">看看车吧</a>
        |<a href="../2-post/forumportal.html" style="color: #444444;width: 100px;padding-right: 15px;padding-left: 15px">论坛好贴</a>
        </div>
    </div>


    <div id="picture" name="picture" class="picture">

        <div id="slidershow" class="carousel slide" data-ride="carousel" data-pause = "hover" data-wrap="true" style="margin-top: 5rem; width: 90%;height: 100%; margin-left:auto; margin-right:auto;">
            <!-- 设置图片轮播的顺序 -->
            <ol class="carousel-indicators">
                <li class="active" data-target="#slidershow" data-slide-to="0"></li>
                <li data-target="#slidershow" data-slide-to="1"></li>
                <li data-target="#slidershow" data-slide-to="2"></li>
            </ol>
            <!-- 设置轮播图片 -->
            <div class="carousel-inner">
                <div class="item active">
                    <a href="##"><img src="images/4.jpg" alt=""></a>
                </div>
                <div class="item">
                    <a href="##"><img src="images/5.jpg" alt=""></a>
                </div>
                <div class="item">
                    <a href="##"><img src="images/logo.png" alt=""></a>
                </div>
            </div>
            <a class="left carousel-control" href="#slidershow" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left"></span>
            </a>
            <a class="right carousel-control" href="#slidershow" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right"></span>
            </a>
        </div>

        <script type="text/javascript">
            $(function(){
                $("#slidershow").carousel({
                    interval:1000
                });
                $("#slidershow a.left").click(function(){
                    $(".carousel").carousel("prev");
                });
                $("#slidershow a.right").click(function(){
                    $(".carousel").carousel("next");
                });
            });
        </script>


    </div>

    <div class="menucar">


    </div>

    <div id="article" name="article" class="article" >
       <div id="article-left" style="width: 350px;position: absolute">
           左边(车展啊新闻啊板块什么的，如果我们还有时间做的话)
       </div>
        <div id="article-right" style="margin-left: 400px;width: 60%">
            <div>
                <h3>精选热帖</h3>
            </div>
<ul>
           <li> <a href="" style="color: #444444;line-height: 39px" id="hot1">年度大事件！今年这7大汽车新闻最重磅，想买车必看！</a> </li>
           <li> <a href="" style="color: #444444;line-height: 39px" id="hot2">截止至11月，批发累计增长量为-2.5%，而零售累计增长为-4.0%</a> </li>
           <li> <a href="" style="color: #444444;line-height: 39px" id="hot3">《办法》要求的是传统能源乘用车年度生产量或者进口量不达到3万辆</a> </li>
           <li> <a href="" style="color: #444444;line-height: 39px" id="hot4">现代与腾讯合作开发自动驾驶汽车软件</a> </li>
           <li> <a href="" style="color: #444444;line-height: 39px" id="hot5">几百名底特律居民排队搭乘自动驾驶汽车</a> </li>
           <li> <a href="" style="color: #444444;line-height: 39px" id="hot6">欧盟起诉德国厂商合谋阻碍排放科技发展</a> </li>
</ul>
        </div>
    </div>
    <div id="bottom" name="bottom" class="bottom">
        <div class="copyright">
            <div class="cent" style="text-align: center"> Copyright © 2016-2017, snncar.com,All Rights Reserved 皖ICP备16022456号-1</div>
        </div>
    </div>
    </div>



</body>
</html>
